<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"> 

<ui:composition template="/WEB-INF/templates/BasicTemplate.xhtml">
    <ui:define name="content">
    <p:layout fullPage="true" id="layout">
	    <p:layoutUnit position="west" header="Menu" collapsible="false">
	    	<h:form>
	    		<p:menu model="#{loginUsuarioBean.model}" />
	    	</h:form>
	    </p:layoutUnit>
		<p:layoutUnit position="east" header="Bienvenido #{loginUsuarioBean.persona.nombre}" collapsible="false">
			<h:form>
				<p:separator />
				<p:commandButton value="Logout" action="#{loginUsuarioBean.logoutUser}"></p:commandButton>
				<p:separator />
				<p:commandButton value="Modificar perfil" action="#{loginUsuarioBean.modificarUsuarioBoton}"></p:commandButton>
			</h:form>
			<p:graphicImage style="width:70%; position:absolute; left:15%; top:80%;" library="images" name="LogoSemiTrans.jpg" />
		</p:layoutUnit>
	    <p:layoutUnit position="center">
	        <h:form>
	            <h:panelGrid columns="3" style="width: 700px; ">
	            <h:outputText value="Numero" rendered="#{proyectoBean.numeroBoolean}"></h:outputText>
	                <h:outputText value="#{proyectoBean.numero}" style="width:200px" rendered="#{proyectoBean.numeroBoolean}"></h:outputText>
	                <h:outputText rendered="#{proyectoBean.numeroBoolean}"/>
	                
	                <h:outputText value="Fecha"></h:outputText>
	                <h:outputText value="#{proyectoBean.fecha}" style="width:200px"></h:outputText>
	                <h:outputText/>
	              
					<h:outputText value="Nombre"></h:outputText>
					<h:inputText id="nombre" value="#{proyectoBean.nombre}" style="width: 200px; " ></h:inputText>
					<h:outputText/>
					
					<h:outputText value="Descripción"></h:outputText>
					<h:inputTextarea id="descripcion" value="#{proyectoBean.descripcion}" style="width: 200px; " ></h:inputTextarea>
					<h:outputText/>
					
					
	                <h:outputText value="Gerente Negocio"></h:outputText>
	                <h:inputText value="#{proyectoBean.nombreGerenteNegocio}" style="width: 200px; "  disabled="true"></h:inputText>
	                <h:commandButton value="Agregar" action="#{proyectoBean.agregarGerenteNegocio}"></h:commandButton>
					<h:outputText value="Método"></h:outputText>
					<h:selectOneMenu id="metodos" value="#{proyectoBean.metodo}" style="width: 200px;">
						<f:selectItems value="#{proyectoBean.nombreMetodos}"/>
					</h:selectOneMenu>
					<h:outputText />
					 
				</h:panelGrid>
	            <h:commandButton value="Cancelar" action="#{proyectoBean.cancelar}"></h:commandButton>
	        	<h:commandButton value="Aceptar" action="#{proyectoBean.guardarProyecto}"></h:commandButton>
	        	<h:commandButton value="Modificar" action="#{proyectoBean.modificarProyecto}"></h:commandButton>
	        	<h:messages autoUpdate="true" />
	        </h:form>
		</p:layoutUnit>
	</p:layout>
    </ui:define>
</ui:composition>
</html>
